componentvue
button.vue
<template>
	<view>
		<view class="smart-padding-wrap uni-common-mt">
			<text>按钮种类</text>
			<button type="primary">页面主要操作 Normal</button>
			<button type="primary" loading="true">页面主操作 Loading</button>
			<button type="default" >页面次要操作 Normal</button>
			<button type="default" disabled="true">页面次要操作 Disabled</button>
			<button type="warn">警告类操作 Warm</button>
			<text>镂空按钮</text>
			<view class="button-sp-area">
				<button type="primary" plain="true">镂空按钮</button>
				<button type="default" plain="true">镂空按钮</button>
				<button type="warn" plain="true">镂空按钮</button>
				<button type="default" disabled="true" plain="true">不可点击的按钮</button>
			</view>
			<text>mini按钮</text>
			<view class="button-sp-area">
				<button class="mini-btn" type="primary" size="mini">按钮</button>
				<button class="mini-btn" type="default" size="mini">按钮</button>
				<button class="mini-btn" type="warn" size="mini">按钮</button>
			</view>
			
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
button{
	margin-top: 5rpx;
}
</style>